$(function() {
    getPosts();
    /* 获取所有文章 */
    function getPosts() {
        $.ajax(baseUrl + '/posts', {
            success: res => {
                res.records.forEach(item => {
                    if (item.createAt != null) {
                        item.createAt = item.createAt.split('T')[0];
                    }
                    item.state = 1 ? item.state = '已发布' : item.state = '草稿';
                });
                let newHtml = template('posts', { postsList: res.records });
                $('tbody').html(newHtml);
            },
            error: err => {
                console.log('错误信息：', err);
            }
        })
    }

    getCate();
    //获取分类列表
    function getCate() {
        $.ajax(baseUrl + '/categories', {
            success: res => {
                // console.log('分类列表：', res);
                let newHtml = template('fl', { categoriesList: res });
                $('.fl').html(newHtml);
            },
            error: err => {
                console.log('错误信息：', err);
            }
        })
    }

    //根据分类获取文章列表
    $('#filter').on('click', function() {
        // console.log('--------------');
        // console.log($(".fl option:selected").attr('key'));
        if ($(".fl option:selected").text() == '所有分类') {
            getPosts();
            return;
        }
        $.ajax(baseUrl + '/posts/category/' + $(".fl option:selected").attr('key'), {
            success: res => {
                // console.log('分类列表：', res);
                let newHtml = template('posts', { postsList: res });
                $('tbody').html(newHtml);
            },
            error: err => {
                console.log('错误信息：', err);
            }
        })
    })

    //文章删除
    $('tbody').on('click', '.dele', function() {
        // console.log($(this).attr('key'));
        $.ajax(baseUrl + '/posts/' + $(this).parents.parents.attr('key'), {
            type: 'delete',
            success: res => {
                // console.log('请求成功', res);
                getPosts();
                alert('已删除');

            },
            async: false,
            error: err => {
                console.log('错误：', err);
            }
        });
    })


})